<!-- 
 * Copyright (C) 2013 hakan.johansson@gmail.com
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-->
 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Album</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/siv.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.1.custom.js"></script>
<script src="js/jquery.event.drag-2.2.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script type="text/javascript"> if (!window.console) console = {log: function() {}}; </script>
<script src="js/siv.js"></script>

</head> 

<body>
    <div id="everything">
        <!-- Header and login -->
        <div id="header"> 
            <h1 id="headerTitle"> Webalbum </h1>
            <div id="logon">
                <a id="login" onClick="openLoginBox()">Login</a>
                <a id="logout" onClick="logout()">Logout</a>
            </div>
        </div>

        <div id="backBtn">
        </div>
        <div id=log></div>

        <!-- All albums will be placed here -->
        <div id="albums">
        </div>
        <input type="hidden" id="imageId" value=0></input>
        <div id='shadeBox'></div>

        <!-- Information box -->
        <div id="infoBox">
            <div id="close" onClick="hideInformation()"></div>
            <p id="infoText">Empty message!</p>
        </div>

        <!-- Edit text box -->
        <div id="editTextBox">
            <div id="close" onClick="closeEditTextBox(false)"></div>
            <textarea rows="15" cols="60" id="editText">Empty message!</textarea>
            <input type="hidden" id="clientdata"></input>
            <br/>
            <input type="button" value="Cancel" onClick="closeEditTextBox(false)"></input>
            <input type="button" value="Save" onClick="closeEditTextBox(true)"></input>
        </div>
        
        <div id="loginBox">
            <div id="close" onClick="closeLoginBox()"></div>
            <form>
            <table border=0>
                <tr>
                    <td>Username</td> <td><input type="text" id="username"></input></td>
                </tr>
                <tr>
                    <td>Password</td><td><input type="password" id="password"></input></td>
                </tr>
                <tr>
                    <td></td><td align="right"><input type="submit" value="Login"></input></td>
                </tr>
            </table>
            </form>
        </div>
        <div id="previewList">
        </div>
    </div>
</body>
</html>
